<template>
  <div class="cd px-md-3 mt-md-3" @click="Jump()">
    <a href="#/details" class="text-decoration-none text-black">

    
    <div class="card mx-1 shadow border-0">
      <div class="img position-relative">
        <img src="../../assets/img/0f447a59f4304c3d93e896b0de8608d7.png" class="card-img-top " alt="...">
      </div>      
      <div class="card-body d-flex justify-content-between align-items-center w-100 m-0 pb-0">
        <p class="card-title ps-md-3 ps-1">
          <span class="fs-6 row my-1">水浒系列</span>
          <span class="fs-6 row my-1">NFT Hero</span>
        </p>
        
        <a href="#" class="btn btn-primary bg-secondary bg-opacity-10 border-0 d-none d-sm-none d-md-block">199 USDT</a>
      </div>
      <div class="fs-6 d-block d-sm-block d-md-none ">
          <span class="m-0 p-0 d-flex justify-content-between align-items-center px-2 pb-2">
            199 USDT
            <p style="width: 30px;height: 30px;" class="bg-dark bg-opacity-10 rounded-circle m-0 d-flex justify-content-center align-items-center">
              <img class="w-50" src="" alt="">
            </p>
          </span>
      </div>
    </div>
    </a>
  </div>
</template>

<script>
export default {
  name: "card",
  data() {
    return {
      
    };
  },
  created() {
      
  },
  methods: {
    load(e){
      this.$emit('load',e.offsetHeight)
    },
    Jump(){
      this.$emit('goTo')
    }
  }
};
</script>
<style scoped>


</style>